@include('backstage/public/_header')
    <!--結果頁快捷搜索框 開始-->
        <!-- <form action="" method="post">
            <table class="search_tab">
                <tr>
                    <th width="120">選擇分類:</th>
                    <td>
                        <select onchange="javascript:location.href=this.value;">
                            <option value="">全部</option>
                            <option value="http://www.baidu.com">百度</option>
                            <option value="http://www.sina.com">新浪</option>
                        </select>
                    </td>
                    <th width="70">關鍵字:</th>
                    <td><input type="text" name="keywords" placeholder="關鍵字"></td>
                    <td><input type="submit" name="sub" value="查詢"></td>
                </tr>
            </table>
        </form> -->

    <!--結果頁快捷搜索框 結束-->

    <!--搜索結果頁面 列表 開始-->
    <!-- <form action="#" method="post"> -->
        <div class="result_wrap">
            <!--快捷導航 開始-->
            <div class="result_content">
                <div class="short_wrap">
                    <a href="javascript:void(0);" onclick="window.location.reload();"><i class="fa fa-refresh"></i>刷新頁面</a>
                    <a href="add"><i class="fa fa-plus"></i>新增用護組</a>
                </div>
            </div>
            <!--快捷導航 結束-->
        </div>

        <div class="result_wrap">
            <div class="result_content">
                <table class="list_tab">
                    <tr>
                        <th class="tc">ID</th>
                        <th class="tc">角色</th>
                        <th class="tc">操作</th>
                    </tr>

                    @foreach ($list as $v)
                    <tr id="list_{{$v->id}}">
                        <td class="tc">{{$v->id}}</td>
                        <td class="tc">
                            {{$v->role}}
                        </td>
                        <td class="tc">
                            <a href="edit/{{$v->id}}">修改</a>
                            <a href="javascript:void(0);" onclick="del({{$v->id}});">刪除</a>
                        </td>
                    </tr>
                    @endforeach


                </table>
            </div>
                <div class="page_nav">
                    <div>
                    {!! $list->links('vendor/pagination/default') !!}
                    </div>
                </div>
        </div>
    <!-- </form> -->
    <!--搜索結果頁面 列表 結束-->
    <script type="text/javascript">
        //刪除
        function del(aid){
            aid = aid ? aid : getChecked();
            // console.log(aid);
            //詢問框
            layer.confirm('刪除後不可恢復，確定要刪除嗎？', {
              btn: ['確定','取消'] //按鈕
            }, function(){
                aid = aid.toString();
                // console.log(aid);
                if(aid == '') return layer.msg('未選中任何數據', {icon: 2,anim: 6});
                // layer.msg('正在刪除...', {icon: 16,shade: 0.01});
                $.post("{{$dodel}}", { 'idstr':aid,"_token":"{{ csrf_token() }}"},
                function (data){
                    if(data.status==1){
                        layer.msg('正在刪除...', {icon: 16,shade: 0.01});
                        setTimeout(function(){
                            aid = aid.split(',');
                            $.each(aid, function(i,n){
                                $('#list_'+n).remove();
                            });
                            layer.msg(data.message, {icon: 1});
                        },2000);
                    }else if(data.status==0){
                        layer.msg(data.message, {icon: 2});
                    }else if(data.status==-1){
                        layer.alert(data.message, {icon: 2,anim:6});
                    }else if(data.status==2){
                        layer.msg(data.message, {icon: 7});
                    }else{
                        layer.msg('未知原因，刪除失敗', {icon: 2});
                    }
                }, "json");
            }, function(){
              // layer.msg('未做任何操作', {
              //   time: 20000, //20s後自動關閉
              //   btn: ['明白了', '知道了']
                // layer.msg('未做任何操作', {icon: 2});
            });
            
        }
    </script>
@include('backstage/public/_footer')